import styled from 'styled-components'
import Logopic from '../../statics/img/jianshuc.png'
export const HeaderWrap = styled.div`
    position:relative;
    height:56px;
    width:100%;
`
export const Logo = styled.a.attrs({
    href:'/'
})`
    position:absolute;
    top:0;
    left:0;
    height:56px;
    width:100px;
    display:block;
    background:url(${Logopic});
    background-size:100% 100%;
`
export const Nav = styled.div`
    width:960px;
    height:100%;
    margin:0 auto;
    background:green;
`
export const NavItem = styled.div`
    &.left {
        float:left;
    }
    &.right {
        float:right;
    }
    &.active {
        color:red;
    }
`